<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<link rel="stylesheet" type="text/css" href="css/estilos.css" />
</h:head>

<h:body>
	<p:panelGrid columns="1"
		style="width:100%; position: absolute; margin-top: 96px;">
		<f:facet name="header">
			<div style="height: 186px;">&nbsp;</div>
		</f:facet>
	</p:panelGrid>
	<!-- 	<div
			style="width: 100%; height: 1020px; background-color: rgb(180, 180, 180); position: absolute; top: 291px;" />
 -->
	<p:dialog widgetVar="dlg" effect="FADE" close="false"
		fixedCenter="false" draggable="true" resizable="false"
		header="Iniciar sesi&oacute;n" modal="true">
		<h:form prependId="false">
			<h:panelGrid columns="2" id="pngIngresoLogin">
				<h:outputText value="Login:" />
				<p:inputText value="#{inicioAction.usuarioBean.login}" />

				<h:outputText value="Clave:" />
				<p:password password="true"
					value="#{inicioAction.usuarioBean.clave}" />

				<p:commandButton value="Ingresar"
					action="#{inicioAction.validarIngreso}" />
				<h:outputText value="#{inicioAction.mensajeValCredenciales}" />

			</h:panelGrid>
		</h:form>
	</p:dialog>

	<div id="pageContent">

		<div id="homeInfo">
			<div style="position: absolute; left: 0px;">
				<h:form>
					<p:themeSwitcher value="#{guestPreferences.theme}"
						style="width:165px" effect="fade" id="statefulSwitcher">
						<f:selectItem itemLabel="-- Seleccione --" itemValue="" />
						<f:selectItems value="#{themeSwitcherBean.themes}" />
						<p:ajax listener="#{themeSwitcherBean.saveTheme}" />
					</p:themeSwitcher>
				</h:form>
			</div>
			<div style="position: absolute; right: 0px;">
				<h:form>
					<p:commandButton value="Asóciate"
						action="#{navegacionAction.irSocioSolicitudRegistro}" />
					<p:commandButton value="Iniciar Sesión" onclick="dlg.show()" />
				</h:form>
			</div>
		</div>

		<div id="menuContent">
			<h:form>
				<p:menubar>
					<p:submenu label="Inicio">
						<p:menuitem value="Página Principal"
							action="#{navegacionAction.irInicio}" />
					</p:submenu>
				</p:menubar>
			</h:form>
		</div>

		<div id="headerContent">
			<p:graphicImage value="/images/login/imgClubBanner.jpg" height="195"
				width="100%" />
		</div>

		<div id="userMenu">
			<iframe
				src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Faristocracia.somoslaclave&amp;width=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=false&amp;height=630"
				scrolling="no" frameborder="0"
				style="border: none; overflow: hidden; width: 270px; height: 630px; background: white;"></iframe>

			<!--<p:feedReader value="http://rss.news.yahoo.com/rss/sports"
					var="feed">
					<h:outputText value="#{feed.title}" style="font-weight: bold" />
					<br />
					<h:outputText value="#{feed.description.value}" escape="false" />
					<p:separator />
				</p:feedReader>-->
		</div>


		<div
			style="float: left; width: 1030px; margin-left: 20px; padding-bottom: 81px; text-align: justify;">
			<h:form>
				<p:galleria value="#{inicioAction.imagenesGaleria}" var="image"
					panelWidth="1030">
					<p:graphicImage value="/images/galeria/#{image}" />
				</p:galleria>

				<h4>Su infraestructura, para brindar atención y comodidad a sus
					asociados y a sus cerca de 40 mil familiares, es impresionante.
					Orientamos nuestros esfuerzos hacia la satisfacción de las
					expectativas y necesidades de nuestros asociados, a través de
					actividades deportivas, recreacionales, sociales, culturales y de
					servicios, basándonos en un sistema de gestión de calidad, mediante
					el cual nos comprometemos a:</h4>

				<ul>
					<li><i>Mejorar continuamente nuestros procesos para
							brindar actividades y servicios de calidad a nuestros asociados.</i></li>

					<li><i>Mantener personal calificado, competente y
							permanentemente capacitado, desarrollando habilidades que le
							permitan el cumplimiento de sus tareas en forma oportuna y
							efectiva.</i></li>

					<li><i>Contar con enseres, equipos, instalaciones de
							calidad, sometidos a un eficaz plan de mantenimiento preventivo
							que garantice la operatividad.</i></li>

					<li><i>Comunicar oportunamente al asociado toda
							información de interés.</i></li>

					<li><i>Cumplir con el Estatuto de la Asociación Civil
							Rinconada Country Club.</i></li>
				</ul>

			</h:form>
		</div>

		<div id="footerContent">
			<p:panelGrid columns="1" style="width:100%;">
				<f:facet name="footer">
					<div style="width: 100%; text-align: center;">
						Powered by Cibertec | Copyright &copy; 2012<br /> Todos los
						derechos reservados.
					</div>
				</f:facet>
			</p:panelGrid>
		</div>
	</div>

</h:body>

</html>